<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection" content="telephone=no"/>
	<title>奔跑吧，春节！</title>
	<link rel="stylesheet" href="../css/lt_common.css">
	<link rel="stylesheet" href="../css/share_active.css">
</head>
<body>
	<div class="page">
		<div class="main_content">
			<div class="head_banner">
				<!-- 代理人信息 -->
				
			</div>
			<div class="active_rules_content">
				<input type="button" id="active_rules">
				<div></div>
			</div>
			<div class="banner_content">
				<img id="running_man" src="../img/bannerpao_03.png" alt="">
			</div>
			<div class="bord_content">
				<!-- 撕开名牌隐藏bord_cover -->
				<div class="bord_cover">
				<!-- 业务员从公众号点击参与进入页 -->
					<p>您拥有了名牌奖券，</p>快将福利转发给客户吧~
					<!-- 非公众号入口首页 -->
					<!-- <h3>高山赠送您一张名牌奖券</h3>
					<p class="infor">邀请好友点亮头像，撕名牌100%中奖！</p> -->

					<!-- 别人收到点亮邀请 -->
					<!-- <h3>您为TA成功点亮“东方BB”</h3>
					<p class="infor">现在参与，点头像、撕名牌、赢大奖！</p> -->

					<!-- 全部点亮后效 -->
					<!-- <h3>您的头像已全部点亮！</h3>
					<p class="infor">赶快撕名牌抽大奖吧！</p> -->
				</div>
				<img src="../img/tiao_1.png" alt="">
				<span class="left_hand"></span>
				<span class="right_hand"></span>
				<div id="lock_status">
					<!-- 撕开名牌之后显示的字 -->
					<!-- <p class="bord_message"><em>10元</em>话费</p> -->

					<!-- 自己进入已领奖页显示 -->
					<!-- <h3 class="winner_geted">您已领奖</h3>
					<p>立即分享好友参与，100%中奖哦！</p> -->

					<!-- 别人进入话费已领奖页 -->
					<!-- <h3 class="winner_other">Ta已中奖<em>10元</em>话费</h3>
					<p>快来参与，100%中奖哦！</p> -->

					<!-- 别人进入iPhone已领奖页 -->
					<!--<p class="others_page">Ta已中大奖</p>
					<h3><em>iPhone6 Plus</em></h3>
					<p>快来参与，100%中奖哦！</p>-->
				</div>
				
			</div>
			<ul class="person_content">
				<li>
					<!-- <img class="linght_load" src="../img/loding_circle.png" alt=""/> -->
					<img src="../img/pai_11.png" alt="">
					<!-- 点亮的图片 
					<img src="../img/pao_1.png" alt=""> -->
				</li>
				<li>
					<!-- 别人收到点亮邀请 -->
					<!-- <img class="linght_load" src="../img/loding_circle.png" alt=""> -->
					<img src="../img/pao_22.png" alt="">
					<!-- 点亮的图片
					<img src="../img/pao_2.png" alt=""> -->
				</li>
				<li>
					<!-- <img class="linght_load" src="../img/loding_circle.png" alt=""> -->	
					<img src="../img/pao_33.png" alt="">
					<!-- 点亮的图片
					<img src="../img/pao_3.png" alt=""> -->
				</li>
			</ul>
			<div id="button_share">
				<!-- 业务员从公众号点击参与进入页 -->
				<input type="button" id="share_btn" class="trriger"/>
				<!-- 非公众号入口首页 -->
				<!-- <input type="button" id="call_friend_btn"/> -->

				<!-- 别人收到点亮邀请 -->
				<!-- <input type="button" id="play_into"/> -->
			</div>
			
			<div class="winner_content">
				<p>获奖名单</p>
				<div class="scroll_content">
					<ul class="winners_list">
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- 点亮头像状态 -->
	<div class="friend_linght clear">
		<!--
		<p class="title">为我点亮头像的好友</p>
		<ul>
			<li>
				<img src="../img/linght_default.png" alt="">
				<h3 class="name">艾新华</h3>
				<p class="time">02-16 09:45</p>
				<p class="status">您点亮了“<em>超超</em>”</p>
			</li>
			<li>
				<img src="../img/linght_default.png" alt="">
				<h3 class="name">艾新华</h3>
				<p class="time">02-16 09:45</p>
				<p class="status">您点亮了“<em>超超</em>”</p>
			</li>
			<li>
				<img src="../img/linght_default.png" alt="">
				<h3 class="name">艾新华</h3>
				<p class="time">02-16 09:45</p>
				<p class="status">您点亮了“<em>超超</em>”</p>
			</li> -->
			<!-- 还没有好友点亮头像的提示
			<li>
				<p class="no_firend">还没有好友帮你点亮头像，快去邀请好友吧~</p>
			</li>
			-->
			<!-- <li>
				<p class="no_firend">您拥有了名牌奖券，快将福利转发给客户吧~</p>
			</li>
		</ul> -->
	</div>
	<!-- 当头像未全部点亮时点击开奖、已经点亮一个头像后继续点亮时显示此提示 -->
	<div class="suggest_mask">
		<div></div>
	</div>
	<!-- 分享蒙层 -->
	<div class="share_mask">
	</div>
	<!-- 领奖蒙层 撕名牌之后2S自动显示 -->
	<div class="get_winner">
		<div class="content_card">
			<p class="message_">参与更多活动敬请关注：
				<input type="button" class="cancle">
			</p>
			<div class="person_info">
				
				<div class="person_inforcontent">
				
				</div>
				
				<!-- 奖品为话费时的文字 -->
				<!-- <img class="edu clear" src="../img/2yuan.png" alt="">
				<p class="give_hint clear">话费将在15分钟之内充值到您的手机上，请您正确填写手机号码，并注意查收话费。</p> -->

				<!-- 奖品为plus时的文字 -->
				<img class="edu" src="../img/plus.png" alt="">
				<p class="give_hint clear">请您正确填写手机号码，24小时内将由工作人员与您取得联系，给您发奖。</p>

				
				<input id="telphonenumber" type="tel" placeholder="您的手机号码"/>
				<input id="validate" type="number" placeholder="验证码"/>
				<p class="give_hint">验证码为本页微名片上的手机号码后四位</p>
				<div class="get_btn_content">
					<input id="get_btn_" type="button" value="领奖"/>	
				</div>
			</div>
		</div>
	</div>
	<!-- 恭喜领奖成功蒙层 -->
	<div class="congratulate">
		<div class="congratulate_content">
			<p class="message_">参与更多活动敬请关注：
				<input type="button" class="cancle">
			</p>
			<div class="person_info">
				<p class="head_logo_content"><span class="xinhua_logo"></span><em>微名片</em></p>
				<div class="person_inforcontent">
					
				</div>
				<!-- <img class="edu" id="suc_img" src="../img/success_push.png" alt="">
				<p class="success_mess" id="suc_mess">话费将在15分钟内到账，敬请查收。把福利传递给好友们吧！</p> -->
				<!--
				<img class="lose_img" src="../img/winner_finished.png" alt="">
				<p class="lose_mess">
					啊哦~您来晚了哟！<br/>奖品已经抢空(>_<) ~
				</p>
				-->

			</div>
		</div>
	</div>
</body>	
</html>
<script src="../js/jquery.js"></script>
<script src="../js/jquery.jrumble.1.3.min.js"></script>
<script src="../js/scroll.js"></script>
<script src="../js/common.js"></script>
<script src="../js/weiActive/share_active.js"></script>
